body{
    background-image: url("../imgs/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.container{
    width:420px;
    height:415px;
    border:1px #000000 solid;
    margin:auto;
    margin-top: 150px;
    box-shadow: 3px 3px 10px #999999;
}

.title{
    background: #6D4A70;
    width: 100%;
    height: 95px;
    color: #ffffff;
    font-size: 28px;
    padding: 25px 0px 0px 20px;
}

.title img{float:right; margin-right: 30px; margin-top: 13px;}
.main{
    width:100%;
    height: 320px;
    background-color: #eeeeee;
}

.fromItem{
    width: 360px;
    height: 30px;
    border: 1px #aaaaaa solid;
    border-radius: 5px;
    background-color: #e6e6e6;
    margin: auto;
    padding-left: 10px;
}
       
       .fromItem input{
          width: 286px;
          height: 40px;
          border: none;
          background: none;
          outline: none;
          font-size: 20px;
       }
       .formItem.icon{
        width: 24px;
        height: 20px;
        background-repeat: no-repeat;
        float: right;
        margin: 12px 7px 0 0;
       }
       .iconUser{background-image: url(../imgs/icons.png);}
       .iconPWD{background: url(../imgs/icons.png) -33px 0;}
       .btnItem{width: 320px; margin: auto;}

       .btnItem input{
        width:100px;
        background-color: #6C496F;
        border: 2px #6C496F solid;
        height: 40px;
        color: #ffffff;
        font-size: 16px;
        border-radius: 5px;
        margin-right: 10px;
        }
        .btnItem input:hover{
            color: #6C496F;
            background-color: #ffffff;
            cursor: pointer;
        }
